<!doctype html>
<html>

<head>
	<meta charset="utf-8" />
	<title>词库编辑器</title>
		<link rel="shortcut icon" href="icon.png" />
	<link rel="stylesheet" type="text/css" href="css/main.css" />
	<script src="js/PhraseStorage.js"></script>
	<script src="js/MainUI.js"></script>
	<script src="js/ChStr.js"></script>
	<script src="js/DownloadUtil.js"></script>
	<script src="js/PhraseUtil.js"></script>
	<script src="js/MsWubi.js"></script>
	<script src="js/DdWubi.js"></script>
	<script src="js/JdWubi.js"></script>
	<script src="js/BdWubi.js"></script>
	<script src="js/QQWubi.js"></script>
	<script src="js/SogouWubi.js"></script>
	<script>
	</script>
</head>

<body>
	<div class="zmain">
		<div class="ztitle">ZYH IME Editor V6.1</div>
		<div class="edit-div">
			<div class="zfile-area">
				<input type="file" accept="text/plain" id="real-file-btn" />
				<input type="button" value="选择多多码表文件" class="ant-btn" id="sel-file-btn" />
				<span class="zfile-name-label" id="zfile-name-label">未选择文件</span>
				<span class="zoper-tip-label" id="oper-tip-label"></span>
			</div>
			<div class="upt-div">
				<div>
					<span>输入编码查询:</span><input type="text" id="code-ipt" class="code-ipt" maxlength="4"
						onpaste="return false;" />
				</div>
				<div>
					<ul class="phrase-ul" id="phrase-ul">
					</ul>
				</div>
			</div>
			<div class="code-tip-line">
				<div class="key-tips">快捷键：←/→切换选择项，Alt+→切换选择项，Alt+→切换选择项，Alt+Delete删除词条，Enter清除编码</div>
			</div>
			
			<div class="add-div">
				<div>
					<textarea placeholder="词条使用换行隔开。自定义编码：#词条|编码" class="ant-input" id="add-phrase-area"></textarea>
				</div>
				<div>
					<input class="ant-btn" type="button" value="生成编码" id="tran-code-btn" />
					<input class="ant-btn" type="button" name="" id="save-code-btn" value="添加词条" />
					<input class="ant-btn ant-btn-clear" type="button" name="" id="clear-code-btn" value="清除全部" />
				</div>
				<div>
					<textarea class="ant-input" readonly="true" id="code-phrase-area"></textarea>
				</div>
			</div>
		</div>
		
		<div class="file-save-div">
			<ul>
				<li>
					<button class="ant-btn w-download logo-btn" id="duoduo-wb-btn">
						<span class="logo-span logo-duoduo"></span>
						<span>多多格式</span>
					</button>
					<button style="margin-top:12px;" class="ant-btn w-download logo-btn" id="jidian-wb-btn">
						<span class="logo-span logo-jidian"></span>
						<span>极点格式</span>
					</button>
					
				</li>
				<li>
					<button class="ant-btn w-download logo-btn" id="sogou-wb-system-btn">
						<span class="logo-span logo-sogou"></span>
						<span>搜狗系统词库</span>
					</button>
					<button style="margin-top:12px;" class="ant-btn w-download logo-btn" id="sogou-wb-gb-btn">
						<span class="logo-span logo-sogou"></span>
						<span>搜狗自定义短语</span>
					</button>
				</li>
				<li>
					<button class="ant-btn w-download logo-btn" id="qq-wb-system-btn">
						<span class="logo-span logo-qq"></span>
						<span>QQ系统词库</span>
					</button>
					<button style="margin-top:12px;" class="ant-btn w-download logo-btn" id="qq-wb-gb-btn">
						<span class="logo-span logo-qq"></span>
						<span>QQ自定义短语</span>
					</button>
				</li>
				<li>
					<button class="ant-btn w-download logo-btn" id="ms-wb-btn">
						<span class="logo-span logo-ms"></span>
						<span>微软系统词库</span>
					</button>
					<button style="margin-top:12px;" class="ant-btn w-download logo-btn" id="ms-wb-dat-btn">
			 			<span class="logo-span logo-ms"></span>
						<span>微软自定义短语</span>
					</button>
				</li>
				<li>
					<button class="ant-btn w-download logo-btn" id="baidu-wb-btn">
						<span class="logo-span logo-baidu"></span>
						<span>手机百度格式</span>
					</button>
				</li>
			</ul>
		</div>
	</div>
</body>

</html>